.background {
  composes: background from global;
}

.container {
  composes: container from global;
  position: relative;
  border: 12px solid #2e3440;
  border-radius: 12px;
}

.title {
  composes: title from global;
}

.Left {
  width: calc(15% - 12px);
  height: 100%;
  float: left;
  background-color: #3b4453;
}

.LeftVerticalDrag {
  width: 12px;
  height: 100%;
  float: left;
  cursor: col-resize;
  background-color: #2e3440 !important;
  touch-action: none;
}

.horizontalDrag {
  width: 100%;
  height: 12px;
  float: left;
  cursor: row-resize;
  background-color: #2e3440 !important;
  touch-action: none;
}

.horizontalImg {
  position: relative;
  left: calc(50% - 8px);
  top: -4px;
  color: #f5f5f5;
}

.Middle {
  width: calc(70%);
  height: 100%;
  float: left;
  background-color: #2e3440 !important;
}

.RightVerticalDrag {
  width: 12px;
  height: 100%;
  float: left;
  cursor: col-resize;
  background-color: #2e3440 !important;
  touch-action: none;
}

.Right {
  width: calc(15% - 12.5px);
  background-color: #3b4453;
  height: 100%;
  float: right;
}

.img {
  position: relative;
  top: 50%;
  left: -2px;
  color: #f5f5f5;
}
.TopButtons {
  width: auto;
  height: 28px;
  position: absolute;
  background: transparent;
  color: #4e5a6e;
  top: 0px;
  left: 3px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

.TopButtons :global {
  .next-upload.next-disabled .next-upload-inner * {
    color: #ffffff66 !important;
    border-color: #e6e7eb !important;
    cursor: not-allowed !important;
  }

  .next-btn-ghost.next-btn-dark {
    background: transparent;
  }
  .next-btn-ghost.next-btn-dark:hover {
    background-color: #4e5a6e;
    border-radius: 3px;
  }
  .next-btn-ghost.next-btn-light {
    color: #f5f5f5;
    background-color: #5584ff;
    border-radius: 3px;
  }
  .next-btn-ghost.next-btn-light:hover {
    background-color: #5584ff;
    border-radius: 3px;
  }
}

.button {
  width: 70px;
  height: 100%;
  padding: 0px;
  background: transparent;
}

.button-i {
  width: 70px;
  height: 100%;
  padding: 0px;
  background: transparent;
}

.MenuButton {
  width: 70px;
  height: 100%;
  padding: 0px;
  background: transparent;
}
